
/* 内容样式 */
$wid:1200px;
$mgauto:0 auto;
.containerbg{
	width:100%;
	min-width:$wid;
	// margin-top:20px;
	background:#f5f5f5;
	overflow:hidden;
	.headerShadow{
		background: url(../img/headerbg.png) 0 bottom repeat-x;
		width: 100%;
		height: 8px;

		}
	.container{
		width:$wid;
		margin:10px auto;
		.title{
		    background: #fff;
		    font-size:32px;
		    margin-bottom: 10px;
		    margin-top:20px;
		    height:70px;
		    line-height: 70px;
		    padding-left: 15px;
		}
		.content{
			width:$wid;
			margin:$mgauto;
			.content_left{
				width:267px;
				.list{
				    background: #fff;
				    margin-bottom: 10px;
				    padding: 0 10px;
					.listItem{
					    height: 52px;
					    line-height: 52px;
					    font-size: 14px;
					    cursor: pointer;
					    .lt_state{
				    	    font-size: 24px;
  							  font-family: "宋体";
					    }
					}
					.listItem_b{
						display:none;
						padding-bottom: 10px;
   						border-top:1px solid #e8e8e8;
   						.clear_chose{
   							text-align: right;
    						padding-top: 15px;
   						}
   						.chose{
						    padding-left: 5px;
						    ul li a {
						    	display: block;
							    position: relative;
							    padding: 5px 0 5px 20px;
							    overflow: hidden;
							    white-space: nowrap;
							    text-overflow: ellipsis;
							    outline: none;
							    .lstCheck,.lstLab{
						    	    display: block;
								    width: 14px;
								    height: 14px;
								    background: url(../img/listico.gif) no-repeat;
								    position: absolute;
								    left: 0;
								    top: 7px;
							    }
							    .lstLab{
									background-position:0 -14px;
							    }
						    }
						    .priceChoose{
					    	    padding: 15px 0 10px 0;
					    	    .priceStart{
				    	    	    margin-right: 5px;
					    	    }
					    	    .priceInt{
				    	    	    border: solid 1px #ddd;
								    width: 107px;
								    height: 30px;
								    outline:none;
								    vertical-align: middle;
					    	    }
					    	     .priceEnd{
				    	    	    margin-left: 5px;
					    	    }
						    }
				    	    .chose_color{
			    	    	    padding-left: 5px;
			    	    	    .color_list{
		    	    	    	    width: 50%;
			    	    	    }
				    	    }
						    .pricebtn{
					    	    display: inline-block;
							    width: 100%;
							    height: 34px;
							    background: #333;
							    color: #fff;
							    text-align: center;
							    line-height: 34px;
							    vertical-align: middle;
						    }
   						}
   					}
				}
			}
			.content_fixed{
				position:fixed;
				top:0;
			}
			.content_right{
			    width: 923px;
   				position: relative;
   				.rank{
				    height: 55px;
				    line-height: 55px;
				    background: #fff;
				    .proFilter{
				    	margin-left: 25px;
				    	span{font-weight: bold;}
				    	a{   
					    	margin-left: 35px;
						    display: inline-block;
						    padding-right: 12px;
						    position: relative;
						    .proSort{
					    	    display: block;
							    width: 10px;
							    height: 12px;
							    background: url(../img/crumbsIco.gif) no-repeat -62px 0;
							    position: absolute;
							    right: 0;
							    top: 21px;
						    }
						}
				    }
				    .page{
			    	    margin: 18px 20px 0 0;
			    	    span{
			    	    	cursor:pointer;
		    	    	    float: left;
						    display: block;
						    width: 20px;
						    height: 20px;
						    text-align: center;
						    line-height: 20px;
						    margin: 0 9px;
			    	    }

			    	    .page_active{
						    background: #333;
						    color: #fff;
						    border: solid 1px #333;
						    border-radius: 2px;
			    	    }
				    }
   				}
   				.goodslist{
				    margin-top: 5px;
    				width: 928px;
    				ul li{
    					float: left;
					    width: 205px;
					    padding: 10px;
					    margin: 0 5px 5px 0;
					    border: solid 1px #fff;
					    background: #fff;
					    transition-duration: .1s;
					    transition-timing-function: linear;
					    position: relative;
					    .pic{
						    display: block;
						    width: 207px;
						    height: 230px;
						    text-align: center;
						    padding-top: 10px;
						    text-align:center;
						    img{
								display:block;
								width:180px;
								height:180px;
							}
						}
						.global{
						    width: 48px;
						    height: 24px;
						    margin:10px 10px 0 0;
						    text-align: left;
							padding: 0 20px 15px 20px;
							.g_buy{
								width: 48px;
						   		height: 24px;
	   							background: url(../img/saleTip1.png) -1px -3px no-repeat;
							}
						}	
						.goodsname{
							a{
								display: block;
								height: 45px;
								padding: 0 20px 9px 20px;
								line-height: 2;
								text-align: left;
								overflow: hidden;
								white-space: nowrap;
								-o-text-overflow: ellipsis;
								text-overflow: ellipsis; 
								text-decoration:none;
								color:#666;
								i{
									font-style:normal;
								}
								span{
									font-weight: bold;
									color:#000;
								}
							}
						}
						.price{
						    height: 18px;
				    		line-height: 18px;
				   			padding: 1px 0;
				      	    height: 26px;
				    		padding: 0 20px;
				    		text-align:left;
				    		color:#666;
						}
						.goodsCar{
							margin:5px 0;
							padding:0 20px;
							.bigCar{
								padding:5px 0;
								cursor: pointer;
								height:18px;
								line-height:18px;
								width:50%;
								border-radius: 5px;
								color:#fff;
								font-size:12px;
								text-align:center;
								background: #c53f40;
							}
						}
    				}
   				}
   				.page{
			    	    margin: 18px 20px 0 0;
			    	    float:right;
			    	    span{
		    	    	    float: left;
						    display: block;
						    width: 20px;
						    height: 20px;
						    text-align: center;
						    line-height: 20px;
						    margin: 0 9px;
			    	    }
			    	    .page_active{
						    background: #333;
						    color: #fff;
						    border: solid 1px #333;
						    border-radius: 2px;
			    	    }
				    }
			}
		}
	}
	
}

